<template>
    <div>
        <div class="personal-box clearfix b-g-f screeing">
            <span class="personal-title">《营养风险筛查与评估》－NRS2002</span>
            <div class="per-height-box clearfix">
                <span class="per-height-title"><img class="per-height-img" src="../../../static/img/tuoyuan.png" alt="">疾病严重程度</span>
                <div class="clearfix per-checkbox-group">
                    <van-radio-group v-model="radio">
                        <van-row class="checkbox-group-row screeing-box">
                            <van-col span="24" class="col-padding"><van-radio name="1">一般肿瘤患者、髋关节骨折、血液透析、糖尿病、 慢性疾病有急性并发症者（如肝硬化、COPD）</van-radio></van-col>
                            <van-col span="24" class="col-padding"><van-radio name="2">血液恶性肿瘤、重度肺炎、腹部大手术、卒中。</van-radio></van-col>
                            <van-col span="24" class="col-padding"><van-radio name="3">颅脑损伤、骨髓移植、APACHE＞10的重症患者。</van-radio></van-col>
                            <van-col span="24" class="col-padding"><van-radio name="4">正常营养需要量。</van-radio></van-col>
                            <van-col span="24" class="col-padding"><van-radio name="5">慢性病患者因出现并发症而住院治疗。患者虚弱但 不需卧床。蛋白质需要量略有增加，但可以通过口 服和补充来弥补。</van-radio></van-col>
                            <van-col span="24" class="col-padding"><van-radio name="6">卧床患者，如大手术后。蛋白质需要量相应增加， 但大多数仍可以通过人工营养得到恢复。</van-radio></van-col>
                            <van-col span="24" class="col-padding"><van-radio name="7">患者在加强病房中靠机械通气支持。蛋白质需要量 增加而且人工营养支持不足以弥补，但是通过适当 的人工营养可以使蛋白质分解和氮丢失明显减少。</van-radio></van-col>
                        </van-row>
                    </van-radio-group>
                </div>
            </div>
            <div class="per-height-box clearfix">
                <span class="per-height-title"><img class="per-height-img" src="../../../static/img/tuoyuan.png" alt="">营养受损状况</span>
                <div class="clearfix per-checkbox-group">
                    <van-radio-group v-model="radio">
                        <van-row class="checkbox-group-row screeing-box">
                            <van-col span="24" class="col-padding"><van-radio name="1">正常营养状态：BMI≥18.5，近1-3月体重无变化， 近一周摄食量无变化。</van-radio></van-col>
                            <van-col span="24" class="col-padding"><van-radio name="2">3个月内体重丢失＞5%，或近一周食物摄入比正常 需要量低25%-50%。</van-radio></van-col>
                            <van-col span="24" class="col-padding"><van-radio name="3">3个月内体重丢失＞5%，或近一周食物摄入比正常 需要量低25%-50%。</van-radio></van-col>
                            <van-col span="24" class="col-padding"><van-radio name="4">BMI＜18.5 且一般情况差，或1个月内体重丢失 ＞5%，或3个月内体重丢失＞15%，或前1 周食物 摄入比正常需要量低75%-100%。</van-radio></van-col>
                        </van-row>
                    </van-radio-group>
                </div>
            </div>
            <div class="per-height-box clearfix">
                <span class="per-height-title"><img class="per-height-img" src="../../../static/img/tuoyuan.png" alt="">营养受损状况</span>
                <div class="clearfix per-checkbox-group">
                    <van-radio-group v-model="radio">
                        <van-row class="checkbox-group-row screeing-box">
                            <van-col span="24" class="col-padding"><van-radio name="1">18-69岁</van-radio></van-col>
                            <van-col span="24" class="col-padding"><van-radio name="2">≥70岁</van-radio></van-col>
                        </van-row>
                    </van-radio-group>
                </div>
            </div>
        </div>
        <div class="add-address" @click="show = !show">
            完成
        </div>
        <van-dialog class="screeing-close" v-model="show" closeOnClickOverlay="true" :showConfirmButton="false">
            <img src="../../../static/img/fen.png">
            <span class="haoma">＜</span>
            <div class="zongjie">
                <span class="zongjie-title">营养不足</span>
                <span class="zongjie-c">能量或/和蛋白质摄入不足或吸收障碍 造成特异性的营养缺乏症状 可以怎么做</span>
            </div>
            <img class="close" src="../../../static/img/close.png" @click="show = !show">
        </van-dialog>
    </div>
</template>
<script>
export default {
    data(){
        return{
            radio:'1',
            show:false
        }
    }
}
</script>

<style lang="less" scoped>
.screeing{
    margin-bottom: 160px;
}
.screeing-title{
    font-size: 42px;
    display: block;
    text-align: center;
    padding: 40px 0;
}
.screeing-close{
    .haoma{
        position: fixed;
        left: 28%;
        top: 18%;
        color: #fff;
        font-size: 50px;
        z-index: 99;
    }
    .zongjie{
        position: fixed;
        left: 0;
        bottom: 20%;
        z-index: 99;
        width: 100%;
        min-height: 280px;
        text-align: center;
        .zongjie-title{
            display: block;
            font-size: 48px;
            font-weight: bold;
        }
        .zongjie-c{
            display: block;
            font-size: 40px;
            color: #666;
            padding: 20px 80px;
        }
    }
    .close{
        margin-top: 30px;
        width: 90px;
        margin: 0 auto;
    }
}

</style>

